<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>悦听播放器</title>
</head>
<body>
<div class="wrap">
    <!--播放器主体区域-->
    <div class="play_wrap" id="player">
        div class="search_bar""
        <img src="images/player_title.png" alt=""/>
        <!--搜索歌曲-->
        <input type="text" autocomplete="off" v-model="query"
               @keyup.enter="searchMusic"/>
    </div>
    <div class="center_con">
        <!--搜索歌曲列表-->
        <div class='song_wrapper'>
            <ul class="song_list">
                <li><a href="javascript:;"></a><b>{{item.name}}</b><span><i></i></span></li>
                <li><a href="javascript:;"></a><b>后来的我们</b><span><i></i></span></li>
            </ul>
            <img src="images/line.png" class="switch_btn" alt="">
        </div>

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 官网提供的 axios 在线地址 -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script type="text/javascript">

    </script>
</body>
</html>
